<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'

const route = useRoute()
const items = computed(() => route.matched.filter(_ => _.meta.title))
</script>

<template>
  <ElBreadcrumb>
    <ElBreadcrumbItem v-for="item in items">
      {{ item.meta.title }}
    </ElBreadcrumbItem>
  </ElBreadcrumb>
</template>
